<template>
	<button :class="btnStatus==1?'btn':'loukong'" @tap='btnClick' :style="{background:bgColor}">{{title}}</button>
</template> 
<script>
	export default {
		name: 'button',
		props: {
			title: {
				type: String,
				default: '按钮'
			},
			bgColor: {
				type: String,
				default: '#FF890B'
			},
			btnStatus: {
				type: [String, Number],
				default: 1
			}
		},
		data() {
			return {}
		},
		methods: {
			btnClick() {
				this.$emit('btnClick')
			}
		}
	}
</script>

<style lang="scss">
	.btn {
		// background: #FF890B !important;
		border-radius: 12px !important;
		color: #fff;
	}

	.loukong {
		background: #fff !important;
		border-radius: 12px !important;
		border: 1px solid #000;
		color: #000;
	}
</style>
